<div>
    <p class="basicInfo">
        远程日志上传
    </p>
    <el-row>
        <div class="width100 d-flex a-start">
            <el-form-item label="日志名称:" prop="logName" class="width100">
                <el-input v-model="remoteHandler.param2.logName" placeholder="请输入远程日志名称"
                          class="width100" />
            </el-form-item>
        </div>
    </el-row>
    <el-row>
        <div class="width100 d-flex a-center">
            <el-form-item label="日志预览:" prop="previewLog" class="width100">
                <div style="display: inline-flex;width: 100%;">
                    <div style="display: inline-flex;justify-content: flex-end;align-items: center;text-align: center;flex:1">
                        <el-button type="danger" style="margin-left:10px" size="mini" @click.stop.prevent="remoteLogUpload">
                            远程日志上传
                        </el-button>
                        <a href="remoteHandler.param2.previewLog" />
                        <!--<el-button type="primary" style="margin-left:10px" size="mini" @click.stop.prevent="downLoadLog">
                            日志下载
                        </el-button>-->
                        <el-button type="primary" size="mini" style="margin-left:10px" id="loadRemoteLog"
                                   @click.stop.prevent="loadPreviewLog">
                            加载日志
                        </el-button>
                    </div>
                </div>
                <div style="min-height: 40vh;display: flex;justify-content: flex-end;align-items: center;text-align: center;width: 100%">
                    <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" height="100%"
                            width="100%" style="height: 70vh;" allowtransparency="yes" v-if="remoteHandler.param2.previewLog"
                            id="previewLog" src="">
                    </iframe>
                    <div v-else style="font-size: 20px;color: rgba(29,140,128,0.29)">
                        暂无日志,请先发送指令,再加载日志
                    </div>
                </div>
            </el-form-item>
        </div>
    </el-row>
</div>